
@borderColor: #C8CED0;
@backgroundColor: #E6ECEF;

.row-mode{
  width: 100%;
  margin-top: 10px;
  .item-title{
    float:left;
    width: 3%;
    height: 120px;
    background-color:@backgroundColor;
    p{
      width: 2px;
      color: @borderColor;
      padding-top: 40px;
      padding-left: 7px;
      line-height: 18px;
    }
    margin-bottom: 1px;
  }
  .item-title-middle{
    float:left;
    width: 3%;
    height: 99px;
    background-color:@backgroundColor;
    p{
      width: 2px;
      color: @borderColor;
      padding-top: 30px;
      padding-left: 7px;
      line-height: 18px;
    }
    margin-bottom: 1px
  }
  .item-title-small{
    float:left;
    width: 3%;
    height: 49px;
    background-color:@backgroundColor;
    p{
      width: 2px;
      color: @borderColor;
      padding-top: 8px;
      padding-left: 7px;
      line-height: 18px;
    }
    margin-bottom: 1px
  }
  .item-title-middle-4{
    float:left;
    width: 3%;
    height: 99px;
    background-color:@backgroundColor;
    p{
      width: 2px;
      color: @borderColor;
      padding-top: 15px;
      padding-left: 7px;
      line-height: 18px;
    }
    margin-bottom: 1px
  }
  .item-content{
    float:left;
    width: 97%;
  }
}